---
title: TairoSidebarNavigation
description: The sidebar navigation is a double sided navigation layout. It has a sidebar with a list of menu links and a subsidebar with a list of submenu links.
components:
  - TairoSidebarNavigation
  - TairoSidebarNavigationItem
icon:
  src: /img/illustrations/components/sidebar-icon.svg
  srcDark: /img/illustrations/components/sidebar-icon.svg
---

::doc-component-demo
---
title: Sidebar
demo: '#examples/tairo/layout.vue'
---
The icon sidebar is the frst part of the double sided navigation of the :doc-linker{to="TairoSidebarLayout"}. It displays the logo and the main navigation icon links. Those links can be configured in your `app.config.ts` file. They can be displayed as a link, a button or even trigger a function.
::

:doc-component-meta{name="TairoSidebarNavigation"}
:doc-component-meta{name="TairoSidebarNavigationItem"}

